<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="jquery.min.js"></script>
  <script>
    $(function() {
      // ( )里标签什么时候加'',什么时候直接用;
      // ( )里的类名什么时候前面要加.什么时候不用
      $('.box').click(function() {
        // this // this 是DOM元素, 需要使用jquery方法 就要进行转换
        $(this) // 因为DOM转jquery对象需要传入DOM对象
      })

      // 专门用于操作类名的方法 就不需要加 .
      // $('.box').addClass('.xxx')
      $('.box').addClass('xxx')

    })
  </script>
</head>
<body>
  <div class="box">

  </div>
</body>
</html>